<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <title>用户空间</title>



  <!-- 引入bootstrap样式 -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
<!--  <link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">-->
  <!-- 引入bootstrap-table样式 -->
  <link href="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.css" rel="stylesheet">

  <!-- jquery -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
  <!-- js -->
  <script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
  <script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>


  <!-- bootstrap-table.min.js -->
<!--  <script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>-->
  <!-- 引入中文语言包 -->
  <script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>
  <!-- <script src="https://unpkg.com/tableexport.jquery.plugin/tableExport.min.js"></script> -->
  <!-- <script src="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table-locale-all.min.js"></script> -->
  <!-- icon字符 -->
  <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.3/css/all.css" rel="stylesheet">


  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

  <link rel="stylesheet" href="../static/diy/css/userspace.css">

  <script>
    if($.cookie('userNum')==null)   window.location.replace("error.html");
  </script>
  <script src="../static/diy/js/userspace.js"></script>


</head>

<body>

<nav class="navbar navbar-light navbar-expand-md navigation-clean" style="padding: 0px;width: auto; background-color: #2b6688;">
  <div class="container">
    <div><a class="navbar-brand" href="#" style="color: #ffffff">Birthday Site</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button></div>
    <div class="collapse navbar-collapse"
         id="navcol-1">
      <ul class="nav navbar-nav ml-auto">
        <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" style="padding: 10px;" href="#"><label style="color: #fff;/*position: absolute;*/" id = "userNumHead">000000000000</label><img style="width:30px;height:30px;padding:0;margin-left:5px;" src="../static/default/headPho.webp" onerror = "Javascript:this.src='../static/default/headPho.webp'"></a>
          <div
                  class="dropdown-menu" role="menu"><a class="dropdown-item" role="presentation" href="/webdemo2/remove">Logout <i class="fa fa-user-times" id="logouticon"></i></a></div>
        </li>
      </ul>
    </div>
  </div>
</nav>
<div class="row">
  <div class="col" style="height: 50px;"></div>
</div>
<div class="row">
  <div class="col-lg-5 col-xl-3 offset-lg-1 offset-xl-2">
    <div class="card">
      <div class="card-body" style="padding-right: 10px;" id="card-normal-1">
        <h4 class="card-title userName" style="display: inline;">用户名</h4>
        <h6 class="text-muted card-subtitle userNum" style="display: inline;">000000000000</h6><img src="../static/default/headPho.webp" style="width: 80px;height: 80px;margin-left: 60px;display: inline;position: absolute;margin-right: 0px;" onerror = "Javascript:this.src='../static/default/headPho.webp'">
        <div class="form-group" style="margin: 0px;margin-top: 5px;margin-right: 0xp;"><label style="margin: 0px;">&nbsp;生日:&nbsp; &nbsp; &nbsp;</label><span class="userBir">00月00日</span></div>
        <div class="form-group" style="margin: 0px;margin-top: 0px;margin-right: 0px;"><label style="margin: 0px;">&nbsp;性别:&nbsp; &nbsp; &nbsp;</label><span class="userSex">一一</span></div>
        <div class="form-group" style="margin: 0px;margin-top: 5px;margin-right: 0xp;"><label class="userFac" style="margin: 0px;margin-right: 17px;">一一一一一一一一一</label><label class="userMaj" style="margin-right: 17px;">一一一一</label><label class="userCla">000000</label></div><textarea class="userSta" style="width: 310px;height: 80px;" disabled="true"></textarea></div>
    </div>
  </div>
  <div class="col-xl-4">
    <div class="card">
      <div class="card-body">
        <div class="row">
          <div class="col-xl-5">
            <h4 style="display: inline;">最近生日</h4>
            <h6 class="text-muted mb-2" style="display: inline;">Happy</h6>
          </div>
          <div class="col-xl-3 offset-xl-4"><a href="" id="toBirnear" type="button" data-toggle="modal" data-target="">查看全部&gt;</a></div>
        </div>
          <table
                  id="NearLimit"
          >
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row" id="borderline" style="background: #2b6688;height: 30px;margin-top: 20px;width: 1075px;margin-right: auto;"></div>
<div class="row" style="margin-top: 31px;">
  <div class="col-xl-2 offset-xl-2">
    <div class="card">
      <div class="card-body" data-toggle="modal" data-target="#PRVuserSet" type="button">
        <h4 class="card-title">设置</h4>
        <h6 class="text-muted card-subtitle mb-2">Subtitle</h6>
      </div>
    </div>
  </div>
  <div class="col-xl-2">
    <div class="card">
      <div class="card-body" type="button" id="INFOuserbtn" data-toggle="modal" data-target="#INFOuserSet">
        <h4 class="card-title">修改个人信息</h4>
        <h6 class="text-muted card-subtitle mb-2">Subtitle</h6>
      </div>
    </div>
  </div>
  <div class="col-xl-2">
    <div class="card">
      <div class="card-body" type="button" data-toggle="modal" data-target="" id="managebtn">
        <h4 class="card-title">管理面板</h4>
        <h6 class="text-muted card-subtitle mb-2">需要教师权限</h6>
      </div>
    </div>
  </div>
</div>
<div class="row" style="margin-top: 20px;">
  <div class="col-xl-2 offset-xl-2">
    <div class="card">
      <div class="card-body" type="button" data-toggle="modal" data-target="#MYmesgSend" id="mesgSendbtn">
        <h4 class="card-title">我的发送</h4>
        <h6 class="text-muted card-subtitle mb-2">Subtitle</h6>
      </div>
    </div>
  </div>
  <div class="col-xl-2">
    <div class="card">
      <div class="card-body" type="button" data-toggle="modal" data-target="#MYmesgGet" id="mesgGetbtn">
        <h4 class="card-title">我的接收</h4>
        <h6 class="text-muted card-subtitle mb-2">Subtitle</h6>
      </div>
    </div>
  </div>
  <div class="col-xl-2">
    <div class="card">
      <div class="card-body" type="button" data-toggle="modal" data-target="#myModal">
        <h4 class="card-title">尽情期待</h4>
        <h6 class="text-muted card-subtitle mb-2">Subtitle</h6>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" role="dialog" tabindex="-1" id="PRVuserSet">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">相关设置</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
      <div class="modal-body">
        <hr>
        <p>注销账号需要验证密码</p>
        <div class="row">
          <div class="col-xl-5 offset-xl-0"><input class="userPwd" type="password"></div>
          <div class="col-xl-3"><button class="btn btn-primary"  id = "userRemoveBtn" type="button">注销账号</button></div>
        </div>
      </div>
      <div class="modal-footer"><button class="btn btn-light" type="button" data-dismiss="modal">Close</button></div>
    </div>
  </div>
</div>
<div class="modal fade" role="dialog" tabindex="-1" id="INFOuserSet">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">修改信息</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
      <div class="modal-body">
        <div class="row" style="margin-bottom: 10px;">
          <div class="col-xl-3 offset-xl-0"><img src="assets/img/avatar.jpg" style="height: 80px; width: 80px;" onerror="Javascript:this.src='../static/default/headPho.webp'"><button class="btn btn-primary" type="button" style="width: 80px;height: 33px;margin-top: 5px;padding-top: 2px;" id="userImgCg">Change</button>
          <input type="file" id="ImgUpdate" style="display: none"></div>
          <div class="col-xl-6 offset-xl-0" style="padding: 0px;"><textarea class="userSta" style="width: 244px;height: 98px;margin: 0px;margin-top: 5px;"></textarea></div>
        </div>
        <hr>
        <form style="width: 442px;margin: 0px auto;">
          <div class="input-group">
            <div class="input-group-prepend"><span class="input-group-text">姓名</span></div><input class="form-control userName" type="text">
            <div class="input-group-append"><button class="btn btn-primary" type="button">更改</button></div>
          </div>
          <div class="input-group">
            <div class="input-group-prepend"><span class="input-group-text">性别</span></div><input class="form-control userSex" type="text">
            <div class="input-group-append"><button class="btn btn-primary" type="button">更改<br></button></div>
          </div>
          <div class="input-group">
            <div class="input-group-prepend"><span class="input-group-text">生日</span></div><input class="form-control userBir" type="date">
            <div class="input-group-append"><button class="btn btn-primary" type="button">更改</button></div>
          </div>
          <div class="input-group">
            <div class="input-group-prepend"><span class="input-group-text">电话</span></div><input class="form-control userTel" type="text">
            <div class="input-group-append"><button class="btn btn-primary" type="button">更改</button></div>
          </div>
          <div class="input-group">
            <div class="input-group-prepend"><span class="input-group-text">学院</span></div><input class="form-control userFac" type="text">
            <div class="input-group-append"><button class="btn btn-primary" type="button">更改</button></div>
          </div>
          <div class="input-group">
            <div class="input-group-prepend"><span class="input-group-text">专业</span></div><input class="form-control userMaj" type="text">
            <div class="input-group-append"><button class="btn btn-primary" type="button">更改</button></div>
          </div>
          <div class="input-group">
            <div class="input-group-prepend"><span class="input-group-text">班级</span></div><input class="form-control userCla" type="text">
            <div class="input-group-append"><button class="btn btn-primary" type="button">更改</button></div>
          </div>
          <div class="input-group">
            <div class="input-group-prepend"><span class="input-group-text">地址</span></div><input class="form-control userAds" type="text">
            <div class="input-group-append"><button class="btn btn-primary" type="button">更改</button></div>
          </div>
          <div class="input-group">
            <div class="input-group-prepend"><span class="input-group-text">密码</span></div><input class="form-control" type="password">
            <div class="input-group-append"><button class="btn btn-primary" type="button">更改</button></div>
          </div>
        </form>
      </div>
      <div class="modal-footer"><button class="btn btn-light" type="button" data-dismiss="modal">Close</button><button class="btn btn-primary" type="button" id="userUpdatebtn">Save</button></div>
    </div>
  </div>
</div>
<div class="modal fade" role="dialog" tabindex="-1" id="MYmesgGet">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">我的接收</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
      <div class="modal-body">
        <div class="container">
          <table
                  id="tableGet"
                  data-show-columns="true"

                  data-buttons-class="primary"

                  data-show-toggle="true"
                  data-pagination="true"
                  data-click-to-select="true"
                  data-card-view="true"
          >
          </table>
        </div>
      </div>
      <div class="modal-footer"><button class="btn btn-light" type="button" data-dismiss="modal">Close</button></div>
    </div>
  </div>
</div>
<div class="modal fade" role="dialog" tabindex="-1" id="MYmesgSend">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">我的发送</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
      <div class="modal-body">
        <div class="container">
          <table
                  id="tableSend"
                  data-show-columns="true"

                  data-buttons-class="primary"

                  data-show-toggle="true"
                  data-pagination="true"
                  data-click-to-select="true"
                  data-card-view="true"
          >
          </table>
        </div>
      </div>
      <div class="modal-footer"><button class="btn btn-light" type="button" data-dismiss="modal">Close</button></div>
    </div>
  </div>
</div>




</body>

</html>